@charset "utf-8";
html{
	font-size: 625%;
	position: relative;
	height: 100%;
}
body{
	font-size: 0.14rem;
	background: #E7E7E7;
}
.mb_10{
	margin-bottom: 10px;
	background: #fff;
}
.mb_10:nth-last-child{
	margin: 0;
}
.zb_container{
	height: 100%;
	overflow: auto;
}
.zb_content{
	margin-bottom: .55rem;
}
#msg_ul li,.msg_ul li {
	min-height: .4rem;
	padding: .1rem .12rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#msg_ul li span:nth-of-type(1),.msg_ul li span:nth-of-type(1){
	float: left;
	text-align: left;
	max-width: 40%;
	color: #9b9b9b;
}
#msg_ul li span:nth-of-type(2),.msg_ul li span:nth-of-type(2){
	float: right;
	text-align: right;
	max-width: 60%;
	color: #333;
}
.text_title>div{
	padding: 0 .12rem;
	height: .48rem;
	line-height: .48rem;
	font-size: .16rem;
}

.mb_10 .text_title:first-child>div{
	border-top: 1px solid #e7e7e7;
}
/* table表格*/
.table_grid .th{
	background: #f5f6f9;
}

.table_grid span{
	display: inline-block;
}
.table_grid tr,.table_grid li{
	height: .48rem;
}
.table_grid tr:nth-of-type(odd),.table_grid li:nth-of-type(odd){
	background: #f5f6f9;
}
.table_grid tr:nth-of-type(even),.table_grid li:nth-of-type(even){
	background: #fff;
}
.table_grid tr:nth-of-type(even) .first_td,.table_grid li:nth-of-type(even) .first_td{
	background: #fff;
}
.table_grid tr:nth-of-type(odd) .first_td,.table_grid li:nth-of-type(odd) .first_td{
	background: #f5f6f9;
}
.table_grid td,.table_grid span{
	text-indent: .1rem;
	padding: 8px 0;
	line-height: 2.42857143;
	vertical-align: top;
}
.table_grid td span{
	margin-left: .1rem;
	text-indent: 0;
}
/* 表格滚定*/
.zb_scrollTable {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	/*position: relative;*/
}
.zb_scrollTable {
	min-height: .01%;
	overflow-x: auto;
}
/* 第一列固定 */
/*.table_grid .first_td{*/
	/*position: absolute; left: 0px; width: 170px;*/
	/*background: #fff;*/
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	/*overflow-wrap: break-word;*/
	/*box-shadow: 10px 4px 15px #ddd;*/
/*}*/
.table_grid .th .first_td{
	background: #f5f6f9;
}
/* 开始滚动 */
/*.table_grid .second_td{*/
	/*padding-left: 180px;*/
/*}*/
/* 附件 */
.preview{
	border-bottom: 1px solid #e7e7e7;
	height: .48rem;
	line-height: .48rem;
}
.preview a{
	margin-left: .12rem;
	color: #000;
}
.preview a img{
	vertical-align: middle;
	width: .20rem;
	border-radius: .04rem;
}
/* 审批流程 */
.approve{
	padding-bottom: .2rem;
}
.approve .approve-title{
	margin: 0 0  .12rem .125rem;
	float: left;
}
.approve .approve-title img{
	width: .162rem;
	vertical-align: middle;
}
.approve .approve-title p{
	display: inline-block;vertical-align: middle;
}
.approve .approve-title p .approve-title-name{
	margin: 0 .2rem 0 .1rem;
}
.approve .text-content{
	padding: 0 .32rem 0 .2rem;
	position: relative;
	/*margin-bottom: 2.3rem;*/
	box-sizing: border-box;
}
.approve .text-content .text-detail:last-child .zb_line{
	display: none;
}
#checkbox{
	margin-left: .185rem;
	padding-top: .02rem;
	margin-bottom: .1765rem;
}
.text-content>span{
	position: absolute;
	left: .195rem;
	width: 2px;
	/*min-height: 1.022rem;*/
	height: 98%;
	background: #D6E7FE;
	content: '';
	top: .22rem;
}
.text-content>.sub_line{
	height: calc(100% + .2rem);
	top:-.03rem;
}
.text-content .text_left_line{
	background: #f7f7f7;
}
.text-content-span>span{
	background: #f7f7f7;
}
.approve .text-detail{
	margin-left: .185rem;
	padding-top: .02rem;
	/*margin-top: -.35rem;*/
	margin-bottom: .1765rem;
}
.approve .text-detail .handlerName{
	margin-bottom: .163rem;
}
.approve .text-detail .discription{
	background: #f8f8f8;
	line-height: .239rem;
	padding: .084rem .08rem;
	color: #666;
}
.approve .text-detail .approve-dep{
	text-indent: 10px;
	color: #a3a3a3;
	font-size: .12rem;
	height: .3rem;
	line-height: .3rem;
	margin-top: .05rem;
}
.approve .text-detail .approve-person {
	line-height: inherit;
	margin-top: -.02rem;
	height: auto;
	padding: 0;
}
.approve .text-detail p:nth-of-type(2) span:nth-of-type(2){
	float: right;
}
.approve .text-detail .zb_line{
	width: 100%;
	background: #e7e7e7;
	height: 1px;
	margin: .1765rem 0 0;
}

.labelBox{
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: .143rem 0 .141rem;
}
#checkbox label i{
	width:.162rem;
	height:.162rem;
	display: inline-block;
	background: #F2F2F2;
	border: 1px solid #E8E8E8;
	border-radius: 50%;
	text-align: center;
	line-height: .162rem;
	margin-right: .12rem;
}
#checkbox label i span{
	display: inline-block;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
}
#checkbox label .checked span{
	background: #589FFD;
}

#checkbox .labelBox .checked{
	background-image: none;
}
.labelBox label input{
	display: none;
}
/* 转正申请的小图标 */
.zb_icon {
	background-image: url(../images/nav_arrow_time.png);
	display: inline-block;
	width: 7px;
	height: 9px;
	background-size: contain;
}

/* 转正申请的弹出层 */
.zb_layer{
	position: fixed;
	height:100%;
	width:100%;
	background: rgba(0,0,0,.4);
	z-index: 10;
	top: 0;
}
.zb_layer .zb_layer_contain {
	width: 270px;
	border-radius: 14px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
}
.zb_layer .zb_layer_contain_title{
	margin: 21px 0;
	text-align: center;
	font-size: 18px;

}
.zb_layer .zb_layer_contain_text{
	padding: 12px;
}
.zb_layer .zb_layer_contain_text textarea{
	border: 1px solid #e7e7e7;
	width: 100%;
}
.zb_layer .zb_layer_contain_bottom{
	height: 50px;
	border-top: 1px solid #ddd;
	line-height: 50px;
}
.zb_layer .zb_layer_contain_bottom a{
	width:50%;
	font-size: 18px;
	display: inline-block;
	text-align: center;
}
.zb_layer .zb_layer_contain_bottom a:nth-of-type(2) {
	border-left: 1px solid #ddd;
	color: #2481FC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* 底部按钮组合 */
.bottom_btn{
	position: fixed;bottom: 0;width: 100%;
	background: #d8d8d8;
}
.footer_group{
	width: 100%;
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	justify-content: space-between;
	background:#fff;
	padding: .045rem 0;
}
#btn_group_bottom{
	width:100%;
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	justify-content: inherit;
}
#btn_group_bottom li{
	float: left;
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex: 1;
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
}
#btn_group_bottom li i{
	width:.24rem;
	height: .24rem;
	margin-bottom:.03rem ;
	background-size: contain;
}
.f1 i{
	background-image: url(../images/bc_btn.png);
}
.f2 i{
	background-image: url(../images/zh_btn.png);
}

.f3 i{
	background-image: url(../images/assign_btn_pre.png);
}


.f4 i{
	background-image: url(../images/tj_btn.png);
}
/*.f4 i{*/
	/*background-image: url(../images/tj_white_btn.png);*/
/*}*/
.f5 i{
	background-image: url(../images/gd_btn.png);
}
#btn_group_bottom .f2[disabled='disabled'],#btn_group_bottom .f3[disabled='disabled']{
	display: none;
}
#btn_group_bottom li[disabled='disabled'] span{
	color: #ccc;
}
#btn_group_bottom li span{
	font-size: .1rem;
}
#btn_group_bottom li.f1 span{
	color: #000;
}
#btn_group_bottom li.f4 .submit_color{
	color: #2481FC;
}
#divBottomBtnPanel1 #more {
	border-radius: 0;
	font-size: .14rem;
	width: auto;
	height: auto;
	flex-grow: 1;
	margin: 0;
	line-height: inherit;
	padding: 0;
}
.btn:focus, .btn:visited, #more:hover {
	background: #FFFFFF!important;
	 border:none!important;
	box-sizing: border-box;
	color: #000!important;
}
.messageAlert1 button:active, .messageAlert1 button:hover{
	background: #fff!important;
	border: none;
	outline: none;
}
/* 底部按钮更多点击出现按钮组*/
.messageAlert1 {
	position: fixed;
	bottom: 55px;
	right: 6px;
	box-shadow: -1pt 0 3pt #E6E6E6, 1pt 0 3pt #E6E6E6, 0 3pt 5pt #D9D9D9, 0 0 0 #D9D9D9;
	width:133px;
}
.messageAlert1 p{
	background: #fff;
	text-align: center;
}
.messageAlert1 button {
	width: auto;
	height: 37px;
	background: #fff;
	color: #000;
	font-size: .13rem;
	line-height: 37px;
	text-align: center;
	border: 0;
}
/* 箭头 */
.arrow_icon{
	height:100%;
}
.arrow_icon i{
	height: .24rem;
	width: .24rem;
	margin-top: .12rem;
	display: inline-block;
	background-size: contain;
}

.arrow_icon_up i{
	background-image: url(../images/nav_arrow_up.png);
}
.arrow_icon_down i{
	background-image: url(../images/nav_arrow_d.png);
}
.msg_arrow.arrow_icon_up i{
	background-image: url(../images/nav_arrow_up.png);
}
.arrow_icon_right{
	height: .24rem;
	width: .24rem;
	margin-top: .1rem;
	display: inline-block;
	background-size: contain;
	background-image: url(../images/nav_arrow_r.png);
}
#save.active span,#submit.active span,#assigned.active span,#inform.active span,#more.active span{
	color: #2481FC!important;
}
#save.active i{
	background-image: url(../images/bc_pre_btn.png);
}

#submit.active i{
	background-image: url(../images/tj_pre_btn.png);
}
#more.active i{
	background-image: url(../images/gd_pre_btn.png);
}
#getaddsubsign.active i{
	background-image: url(../images/jb_pre_btn.png);
}#assigned.active i{
	 background-image: url(../images/zh_pre_btn.png);
 }
 #auditPanel.approve{
	 padding: 0!important;
	 padding-bottom: .2rem!important;
 }
/*
	重写别人的样式
*/
#content .btn{
	outline: none;
}
#checkOK{
	outline: none;
}
#choice{
	margin:5pt 0;
}
#show_textBox{
	font-size: 10pt;
}
#show_textBox input{
	margin:0 3pt;
}
#show_textBox1{
	font-size: 10pt;
}
#show_textBox1 input{
	margin:0 3pt;
}
#bigtextBox1{
	font-size: 10pt;
	line-height: 20pt;
	margin: 10pt 0;
}
#bigtextBox1 input{
	margin:0 3pt;
}
#bigtextBox{
	font-size: 10pt;
	line-height: 20pt;
	margin-bottom: 10pt;
}
#bigtextBox input{
	margin:0 3pt;
}
#show_textBox1 td{
	text-align: center;
}
.default_td_content{
	padding-left:0;
}
#alertWin {
	height: 100%;
	width: 100%;
	/*position: absolute;*/
	top: 0;
	bottom: 0;
	background: #fff;
	/* 修改*/
	position: fixed;
}
ul,li{
	list-style: none;
}
header{
	font-size: .2rem;
	background: #2481FC;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: .4rem;
	width: 100%;
	line-height: .4rem;
	z-index: 20;
}
header span{
	position: absolute;
	left:.1rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: .16rem;
}
header i{
	position: absolute;
	right:.1rem;
	top: 50%;
	transform: translateY(-50%);
	width: .15rem;
	height: .15rem;
	background: url(../images/add_seacher.png) no-repeat center;
	background-size: 100%;
	display: none;
}
#content {
	width: 100%;
	position: absolute;
	top: .4rem;
	bottom: .3rem;
	overflow-y: auto;
}
.organize{
	display: flex;
	justify-content: center;
	padding: .05rem 0;

}
.organize button:first-child{
	font-size:.16rem;
	background: #2481FC;
	color: #fff;
	padding: .05rem .15rem ;
	border: 1px #2481FC solid;
	border-radius:.15rem 0 0 .15rem ;
	outline:none;
}
.organize button:last-child{
	font-size:.16rem;
	background: #fff;
	border-box:none;
	color: #2481FC;
	padding: 5px 15px ;
	border: 1px #2481FC solid;
	border-radius:0 .15rem .15rem 0;
	outline:none;
}
.ListMenu{
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-size: .12rem;
}
.ListMenu li{
	width: 33.333%;
	text-align: center;
	line-height: .3rem;
	height: .3rem;
	border: 1px solid  #d7d7d7;
	position:relative;
}
.ListMenu input{
	position: absolute;
	top: 50%;
	left: 10%;
	-webkit-transform:translateY(-50%);    /* for Chrome || Safari */
	-moz-transform: translateY(-50%);       /* for Firefox */
	-ms-transform: translateY(-50%);        /* for IE */
	-o-transform: translateY(-50%);         /* for Opera */
	transform: translateY(-50%);
	margin: 0;
}
.ListMenu label{
	height: 30px;
	margin-left: .05rem;
	position: absolute;
	top: 50%;
	left:20%;
	font-size: 10pt;
	-webkit-transform:translateY(-50%);    /* for Chrome || Safari */
	-moz-transform: translateY(-50%);       /* for Firefox */
	-ms-transform: translateY(-50%);        /* for IE */
	-o-transform: translateY(-50%);         /* for Opera */
	transform: translateY(-50%);
}
#addressList{
	display:flex;
	justify-content: flex-start;
	font-size: .16rem;
}
.addressList{
	width: .4rem;
	height:.8rem;
	text-align:center;
	background: #d7d7d7;
	padding-top: .2rem;

}
.Organization{
	width:100%;
}
.Organization>li{
	height: .26rem;
	line-height: .26rem;
	position: relative;
	width: 100%;
	text-indent:.25rem;
}
.Organization>li:before{
	content: "";
	background: url(../images/circle.png) no-repeat center;
	width: .16rem;
	height: .16rem;
	background-size: 100%;
	position: absolute;
	left:.05rem;
	top: 50%;
	transform: translateY(-50%);
}
.Organization>li:after{
	content: "";
	background: url(../images/left-jiantou.png) no-repeat center;
	width: .16rem;
	height: .16rem;
	background-size: 100%;
	position: absolute;
	right:.05rem;
	top: 50%;
	transform: translateY(-50%);
}
.ensure{
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	height: 38pt;
	background: #fff;
}
.ensure button{
	margin-right: .05rem;
	background: #fff;
	outline: none;
	padding: 0 .05rem;
	color: #000;
	border: 1px solid #e4e4e4;
	height: 28pt;
	line-height: 28pt;
	margin: 5pt 10pt;
}
/*回退的css*/
.backBox{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	font-size: .16rem;
}
.left_talbe{
	width: 30%;
}
.left_talbe table{
	width: 100%;
}
.left_talbe table tr{
	height: .3rem;
}
.left_talbe table tr td{
	text-align: center;
}
.right_table{
	width: 70%;
	overflow-x: scroll;
}
.right_table table{
	width: 300%;
}
.right_table table tr{
	height: .3rem;
}



